<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<body>
        <script>
            // 报错链接：https://blog.csdn.net/xllily_11/article/details/51879420
        </script>
		<script src="addURLParam.js"></script>
		<script>
			// 具体示例如下：
			let url = "http://www.imooc.com/api/http/search/suggest"
			//  let url = 'http://www.imooc.com/api/http/search/suggest?name1=value1'

			// 可以使用以下函数将查询字符串参数添加到现有的 URL 末尾：

			//添加参数
			url = addURLParam(url, "name", "Nicholas")
			url = addURLParam(url, "book", "Professional JavaScript")

            console.log(url);
            
			// 发送 GET 请求最常见的一个错误是查询字符串格式不对。查询字符串中的每个名和值都必须使用
			// encodeURIComponent() 编码，所有名/值对必须以和号（ & ）分隔，如下面的例子所示：
			let xhr = new XMLHttpRequest()
			//  xhr.open('get','example.php?name1=value1&name2=value2',true)

			// 初始化请求
			xhr.open("get", url, true)
            // 第三个参数true表示是异步请求
			// 这里使用 addURLParam() 函数可以保证通过 XHR 发送请求的 URL 格式正确。
		</script>
	</body>
</html>
